<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>type属性演示</title>
</head>
<body>
<form action="#" method="get" autocomplete="off">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username"/> <br/>

    <label for="password">密码:</label>
    <input type="password" id="password" name="password"/> <br/>

    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email"/> <br/>


    <!--单项选择-->
<!--checked默认选择-->
    <label for="gender">性别</label>
    <input type="radio" id="gender" name="gender" value="man" /> 男
    <input type="radio"  name="gender" value="woman"/> 女 <br/>

    <!--多项选择-->
    <label for="hobby">爱好</label>
    <input type="checkbox" id="hobby" name="hobby" value="music" > 音乐
    <input type="checkbox" name="hobby" value="game" checked> 游戏 <br/>

    <label for="birthday">生日</label>
    <input type="date" id="birthday" name="birthday" /> <br/>

    <label for="time">当前时间</label>
    <input type="time" id="time" name="time"/> <br/>

    <label for="insert">注册时间</label>
    <input type="datetime-local" id="insert" name="insert"/> <br/>

    <label for="age">年龄</label>
    <input type="number" id="age" name="age"/><br/>

    <label for="range">心情(1~10)</label>
    <input type="range" id="range" name="range" min="1" max="10" step="1"/> <br/>

    <label for="search">可全部清除全部文本:</label>
    <input type="search" id="search" name="search"/> <br/>

    <label for="tel">电话:</label>
    <input type="tel" id="tel" name="tel"/> <br/>

    <label for="url">个人网站:</label>
    <input type="url" id="url" name="url"/> <br/>


    <label for="file">文件上传</label>
    <input type="file" id="file" name="file"/> <br/>


    <label for="hidden">隐藏的信息</label>
    <input type="hidden" id="hidden" name="hidden" value="itheima"/> <br/>

    <button type="submit">提交</button>
    <button type="submit">重置</button>








</form>
</body>
</html>